<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/class.css">
    <script src="../js/axios.min.js"></script>
    <script src="../js/query.js"></script>
    <script src="../roomjs/class.js"></script>
</head>
<body>
<div>
        <table border="1" cellspacing="0" width="700px">
            <thead>
            <tr><td>班级名称</td><td>开班时间</td><td>带班老师</td><td>操作</td></tr>
            </thead>
            <tbody id="data">

            </tbody>

        </table>
<div id="underDiv">

    <input type="button" value="添加班级" onclick="showAdd()">
</div>
    <div id="delDiv">
        <nav></nav>
        <div>
            <h5>该班级还有学生，不能删除</h5>
            <input type="button" value="确定" onclick="exit()">
        </div>
        <foot></foot>
    </div>

    <div id="addDiv" >
        <div>
            <h5>班级添加</h5>
        </div>
        <div>
            班级名称<input type="text" id="className"><br>
            带班老师<input type="text" id="teacher"><br>
            开班时间<input type="date" id="date"><br>
            <input type="button" value="添加" onclick="addClass()"> <input type="button" value="取消" onclick="exit()">
        </div>
    </div>
</div>
</body>
</html>